<template>
  <div>
    <h1>图片懒加载</h1>
    <ul class="image-container">
      <li 
        class="image-item" 
        v-for="image in images" 
        :key="image.id"
      >
        <img v-lazy="image.url" class="lazy-image"/>
        <p>{{image.title}}</p>
      </li>
    </ul>
  </div>
</template>

<script setup>

</script>

<style scoped>

</style>